* {
    margin: 0;
    padding: 0;
}
p{
    cursor: default;
}
.i{
    position: relative;
    width: 100%;
    height: 170px;
    
}
.ii{
    
    position: absolute;
    top: 44px;
    left: 226px;
    width: 400px;
    height: 109px;
}
.i1{
    color: #CDD2DC;
    display: flex;
    position: absolute;
    top: 7px;
    left: 140px;
    font-size: 14px;
}
.i2{
    color: #CDD2DC;
    display: flex;
    position: absolute;
    top: 7px;
    right: 140px;
    font-size: 14px;
}
.head {
    width: 100%;
    height: 40px;
    background-color: #2A63B3;
    transform: translateY(-7px);
    position: relative;
    cursor: pointer;
    z-index:50;   
}
/* 悬停列表 *//* 悬停列表 *//* 悬停列表 *//* 悬停列表 */
div.item{
    float:left;
    width: 7.5em;

}
.itembox li{
    list-style: none;
    text-align: center;
    color: white;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
   
}
.menu{
    width: 100%;/*25%是垂直列表，100%是水平列表*/
    height: auto;
    margin: 0px auto;
    position:absolute;
    text-align: center;
    left: 160px;
    
}
.item{
    width: 100%;
    height: auto;
}
.item h3 {
    height: 40px;
    line-height: 40px;
    background-color: #2A63B3;
    color: white;  
    font-family:'weiruanyahei' ;
    font-weight:500;
    font-size: 16px;
    text-align: center;
}
.item  .itembox{
    width: 100%;
    height: 0px;
    overflow: hidden;  /*元素溢出时隐藏*/
    transition: height 5s linear;  /*给高度设置过渡效果*/
}
.item:hover .itembox{
    height: auto;/*box自动高度*/
}
.itembox li:hover /*li悬停变色*/
{
    background-color:rgb(114, 160, 223);
}
.item .itembox ul
{
    width: 100%;
    height: auto;
    background-color: rgba(114, 160, 223, 0.6);
    /* padding: 10px; */
    box-sizing:initial;  /*设置盒模型的类型*/
}
/* 悬停列表 *//* 悬停列表 *//* 悬停列表 *//* 悬停列表 */
/* 轮播图 *//* 轮播图 *//* 轮播图 *//* 轮播图 *//* 轮播图 */
.fa {
    width: 1250px;
    height: 450px;
    position: relative;
    margin: -7px auto;
    overflow: hidden;/*隐藏多余部分*/
    z-index: 10;
}
.son {
    width: 6250px;
    height: 450px;
    transition: all 1.5s;
}
a{
    display: block;
    float: left;
}
a img {
    width: 1250px;
    height: 450px;
    
}
input {
    display: none; 
}
.controls {
    display: none;
}
label {
    display: block;
    background-color: rgba(0, 0, 0, 0.3);
    border-top: 7px solid #5a9dca;
    position:absolute;
    top: 50%;
    transform: translateY(-50%);
}
.left {
    width: 40px;
    height: 40px;
    border-left: 7px solid #e44747;
    left: 10px;
    transform: rotateZ(-45deg);  
    border-radius: 20%; 
}
.right {
    width: 40px;
    height: 40px;
    border-left: 7px solid #e73333;
    right: 10px; 
    transform: rotateZ(135deg); 
    border-radius: 20%;  
}
.fa input:nth-child(1):checked~.c1{
    display: block;
}
.fa input:nth-child(1):checked~.son{
    transform: translateX(0px);
}
.fa input:nth-child(2):checked~.c2{
    display: block;
}
.fa input:nth-child(2):checked~.son{
    transform: translateX(-1250px);
}
.fa input:nth-child(3):checked~.c3{
    display: block;
}
.fa input:nth-child(3):checked~.son{
    transform: translateX(-2500px);
}
.fa input:nth-child(4):checked~.c4{
    display: block;
}
.fa input:nth-child(4):checked~.son{
    transform: translateX(-3750px);
}
.fa input:nth-child(5):checked~.c5{
    display: block;
}
.fa input:nth-child(5):checked~.son{
    transform: translateX(-5000px);
}
/* 轮播图 *//* 轮播图 *//* 轮播图 *//* 轮播图 */
.B{
    position: relative;
    width: 1250px;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: violet;
    cursor: auto;
} 
.sdxw{
    font-family: 'weiruanyahei';
    font-weight: bold;
    width:100%; 
    display: flex;
    position: absolute;
    top: 50px;
    float: left;
}
.gd{
    font-family: 'weiruanyahei';
    top: 50px;
    position: absolute;
    right: 0px;
    font-size: 5px;   
}
.hr1{
    position: absolute;
    top: 80px;
    width: 1250px;
    height: 2px;
    background-color: #0E3264;
}
.b1{
    height:333px;
    width: 500px;
    background-color: thistle;
    position: absolute;
    top: 105px;
}
/* 轮播2 *//* 轮播2 *//* 轮播2 *//* 轮播2 *//* 轮播2 */
.f1 {
    width: 500px;
    height: 333px;
    margin: 0px auto;
    overflow: hidden;
    position: relative;
}
.s1 {
    width: 3000px;
    height: 333px;
    animation: lb 10s linear infinite;
}
.f1 .s1 div:hover img {          
    transform: scale(1.3, 1.3);
}
.s1 img {
    float: left;
    display: block;
    width: 500px;
    height: 333px;
    transition: transform 0.5s ease;
}
/* 鼠标移到div中时暂停 */
.s1:hover{
    animation-play-state:paused;
}
@keyframes lb {
    0%{
        transform: translateX(0px);
    }
    15%{
        transform: translateX(0px);
    }
    20%{
        transform: translateX(-500px);
    }
    35%{
        transform: translateX(-500px);
    }
    40%{
        transform: translateX(-1000px);
    }
    55%{
        transform: translateX(-1000px);
    }
    60%{
        transform: translateX(-1500px);
    }
    75%{
        transform: translateX(-1500px);
    }
    80%{
        transform: translateX(-2000px);
    }
    95%{
        transform: translateX(-2000px);
    }
    100%{
        transform: translateX(-2500px);
    }
}
.control{
    display: flex;
    position: absolute;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);

}
.point{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #aaa;
    /* display: none; */
    margin: 2.5px;
}
.control .point:nth-child(1){
    animation: fir 10s linear infinite ;
}
@keyframes fir {
    0%{
        background-color: cornflowerblue;
    }
    15%{
        background-color:  cornflowerblue;
    }
    20%{
        background-color: #aaa;
    }
}
.control .point:nth-child(2){
    animation: sec 10s linear infinite ;
}
@keyframes sec {
    15%{
        background-color: #aaa;
    }
    20%{
        background-color:  cornflowerblue;
    }
    35%{
        background-color: cornflowerblue;
    }
    40%{
        background-color: #aaa;
    }
}
.control .point:nth-child(3){
    animation: tir 10s linear infinite ;
}
@keyframes tir {
    35%{
        background-color: #aaa;
    }
    40%{
        background-color:  cornflowerblue;
    }
    55%{
        background-color: cornflowerblue;
    }
    60%{
        background-color: #aaa;
    }
}
.control .point:nth-child(4){
    animation: for 10s linear infinite ;
}
@keyframes for {
    55%{
        background-color: #aaa;
    }
    60%{
        background-color:  cornflowerblue;
    }
    75%{
        background-color: cornflowerblue;
    }
    80%{
        background-color: #aaa;
    }
}
.control .point:nth-child(5){
    animation: fif 10s linear infinite ;
}
@keyframes fif {
    75%{
        background-color: #aaa;
    }
    80%{
        background-color:  cornflowerblue;
    }
    95%{
        background-color: cornflowerblue;
    }
    100%{
        background-color: #aaa;
    }
}
/* 轮播2 *//* 轮播2 *//* 轮播2 *//* 轮播2 *//* 轮播2 */
.f12{
    height:333px;
    width: 720px;    
    position: absolute;
    top: 105px;
    right: 0px;
    line-height: 31.2px;
}
.f12 hr{
   
    font-weight: 300;
}
.p1{
    color: red;
    font-weight: bold;
}
.riqi{
    height:333px;
    width: 720px;    
    position: absolute;
    top: 105px;
    right: -631px;
    line-height: 33px;
    color: #B9B9BD;
}

.b12{
    height: 335px;
    width: 100%;
    position: absolute;
    top: 1118px;
    background-color:#F7F7F7 ;
   
}
.b2{
    width: 1250px;
    height: 315px;
    margin: 20px auto;
    position: relative;
}
.k1{
    width: 390px;
    height: 315px;
    position: absolute;
    left: 0px;
    background-color: #ccf0a8;
}
.k1p{
    line-height: 30px;
    position: absolute;
    top: 80px;
    left: 5px;
}
.k1rq{
    height:315px;
    width: 390px;    
    position: absolute;
    top: 80px;
    left: 345px;
    line-height: 30px;
    color: #B9B9BD;
}
.k2{
    width: 390px;
    height: 315px;
    position: absolute;
    left: 390px;
    margin: 0px 0px 0px 32px;
    background-color: #75d1f0;
}
.k3{
    width: 405px;
    height: 315px;
    position: absolute;
    right: 0px;
    background: #ffc;
}
.hr11{
    position: absolute;
    top: 50px;
    width: 100%;
    height: 2px;
    background-color: #0E3264;
}
.tongzhi{
    font-family: 'weiruanyahei';
    font-weight: bold;
    width:100%; 
    display: flex;
    position: absolute;
    top: 20px;
    float: left;
}
.gd1{
    font-family: 'weiruanyahei';
    top: 20px;
    position: absolute;
    right: 0px;
    font-size: 5px;   
}
.b3{
    width: 100%;
    height: 372px;
    position: absolute;
    top: 1472px;   
}
.b31{
    width: 1250px;
    height: 312px;
    display: flex;
    margin: 20px auto 40px;
    position: relative;
}
.b32{
    width: 300px;
    height: 312px;
    position: relative;
}
.b33{
    width: 300px;
    height: 312px;
    margin: 0 0 0 22px;
    position: relative;
}
.b34{
    width: 300px;
    height: 312px;
    margin: 0 0 0 22px;
}
/* b34轮播 *//* b34轮播 *//* b34轮播 *//* b34轮播 */
.imgbox ul
{
    display: flex;
    left: -40px;
    width: 300px;
    height: 240px;
    
}
.imgbox li{
    list-style: none;
    float: left;
  
}
.imgbox img{
    width: 300px;
    height: 240px;   
}
.b34 .imgbox{
    width: 300px;/*//容器大小要和图片大小保持一致。*/
    height: 240px;
    margin: 0 0 0 0;
    overflow: hidden;
    position: relative;
    border: 1px solid #FFFFFF;
    display: flex;
    z-index: 25;
}
.b34 .imgbox ol{
    position: absolute;
    bottom: 0;
    left: 50%;
    padding: 10px;
    margin-left: -25%;
    /* z-index: 999; */
    bottom: 5px;
}
.b34 .imgbox ol li{
    width: 10px;
    height: 10px;
    background-color: #EDEDED;
    border-radius: 50%;
    margin: 0 5px;
}
.b34 .imgbox ul{
    animation:Yu 10s  2s infinite ;
    width: 600%;

}
@keyframes Yu{
   0% {
     transform: translateX(0px);
   }
   20% {
     transform: translateX(-300px);
   }
   40% {
     transform: translateX(-600px);
   }
   60% {
     transform: translateX(-900px);
   }
   80% {
    transform: translateX(-1200px);
  }
  100% {
    transform: translateX(-1500px);
  }
   
}
.b34 .container1 ol li {
animation:focusa 10s linear infinite ;/*//时间要和图片保持一致*/
}
.b34 .container1 ol li:nth-child(1) {
 animation-delay: 0s;
}
.b34 .container1 ol li:nth-child(2) {
 animation-delay: 2s;
}
.b34 .container1 ol li:nth-child(3) {
 animation-delay: 4s;
}
.b34 .container1 ol li:nth-child(4) {
 animation-delay: 5.5s;
}
.b34 .container1 ol li:nth-child(5) {
 animation-delay: 8s;
}

@keyframes focusa {
    0% { 
        background-color: #EDEDED;
      }
      20% {
        background-color: #a89b9b;
      }
      30% {
        background-color: #fff;
      }
      40% { 
         background-color: #EDEDED;
       }
       50% {
         background-color: #EDEDED;
       }
       60% {
         background-color: #fff;
       }
       70% { 
         background-color: #EDEDED;
       }
       80% {
         background-color: #EDEDED;
       }
       90% {
         background-color: #fff;
       }    
}
.contain {
    width: 300px;
    height: 240px;
    margin: 25px 0 0 0;
}



.imgbox img {
    width: 300px;
    height: 240px;
    /* 转换速度 */
    transition: transform 0.5s ease;
}
.mask img{
    width: 40px;
    height: 40px;
    margin: 100px 120px 150px 120px;
   
}

.mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 240px;
    background: rgba(44, 44, 44, 0.6);
    color: #ffffff;
    opacity: 1;
    display: flex;
    /* 转换速度 */
    transition: transform 0.5s ease;
    z-index: 50;
}
.contain:hover .mask {
    opacity: 0;
}
/* b34轮播 *//* b34轮播 *//* b34轮播 *//* b34轮播 */
.b35{
    width: 278px;
    height: 312px;
    margin: 0 0 0 28px;
    
}
/* b35轮播 *//* b35轮播 *//* b35轮播 *//* b35轮播 */
.b35 li{
    list-style: none;
    float: left;
}
.b35 ul img{
    width: 278px;
    height: 240px;
    
}
.container{
    width: 278px;/*//容器大小要和图片大小保持一致。*/
    height: 240px;
    margin: 25px 0 0 0;
    overflow: hidden;
    position: relative;
    border: 1px solid #FFFFFF;

}
ol{
    position: absolute;
    bottom: 0;
    left: 50%;
    padding: 10px;
    margin-left: -25%;
    /* z-index: 999; */
    bottom: 2px;
}
ol li{
    width: 10px;
    height: 10px;
    background-color: #EDEDED;
    border-radius: 50%;
    margin: 0 5px;
}
.container ul{
    animation:Yui 10s 2s infinite ;
    width: 700%;

}
@keyframes Yui{
   0% {
     transform: translateX(0px);
   }
   20% {
     transform: translateX(-278px);
   }
   40% {
     transform: translateX(-556px);
   }
   60% {
     transform: translateX(-834px);
   }
   80% {
    transform: translateX(-1112px);
  }
  100% {
    transform: translateX(-1390px);
  }
   
}
ol li {
animation:focus 10s linear infinite ;/*//时间要和图片保持一致*/
}
ol li:nth-child(1) {
 animation-delay: 0s;
}
ol li:nth-child(2) {
 animation-delay: 2s;
}
ol li:nth-child(3) {
 animation-delay: 4s;
}
ol li:nth-child(4) {
 animation-delay: 5.5s;
}
ol li:nth-child(5) {
 animation-delay: 8s;
}

@keyframes focus {
 0% { 
   background-color: #EDEDED;
 }
 20% {
   background-color: #a89b9b;
 }
 30% {
   background-color: #fff;
 }
 40% { 
    background-color: #EDEDED;
  }
  50% {
    background-color: #EDEDED;
  }
  60% {
    background-color: #fff;
  }
  70% { 
    background-color: #EDEDED;
  }
  80% {
    background-color: #EDEDED;
  }
  90% {
    background-color: #fff;
  }
}
/* b35轮播 *//* b35轮播 *//* b35轮播 *//* b35轮播 */
.yun{
    width: 300px;
    height: 46px;
    border-bottom: 2px  #0E3264 solid;
    margin: 0 0 19px 0;   
    position: relative;
}
.b35 .yun{
    width: 278px;
}
.yun1{
    position: absolute;
    top: 14px;
    font-family: 'weiruanyahei';
    font-weight: bold;
    display: flex; 
    font-size: 17px;   
}
.yun2{
    font-family: 'weiruanyahei';
    top: 14px;
    position: absolute;
    right: 0px;
    font-size: 5px;   
}
.b31p{
    line-height: 35px;
    position: absolute;
    top: 68px;
    left: 0px;
    font-size: 15px;
}
.b31rq{
    height:266px;
    position: absolute;
    top: 68px;
    right: 0px;
    line-height: 35px;
    font-size: 15px;
    color: #B9B9BD;
}
.b4{
    width: 100%;
    height: 550px;
    position: absolute;
    top: 1844px; 
    background-color:#F7F7F7 ;
    padding: 40px 0px 50px 0px;  
}
.b41{
    width: 100%;
    height: 550px;
}
.b42{
    width: 1250px;
    height: 206px;
    margin: 0 auto;
    margin-bottom: 40px;
    position: relative;
   
}

.b42 .yun{
    width: 1250px;
    height: 46px;
    border-bottom: 2px  #0E3264 solid;
    margin: 0 0 19px 0;
       
}
.b43 .yun{
    width: 1250px;
    height: 46px;
    border-bottom: 2px  #0E3264 solid;
    margin: 0 0 19px 0;     
}
.b42o{
    height: 139px;
    width: 1250px;
    display: flex;
}
.b421{
   
    width: 242px;
    height: 138px;
    margin: 0 10px 0 0 ;
}
.b42o img{
    width: 242px;
    height: 96px;
    transition: transform 0.5s ease;
}
.b421:hover img {          
    transform: scale(1.4, 1.4);
}
.b4t{
    width: 242px;
    height: 40px;
    text-align: center;
    line-height: 40px;
}
.b43{
    height: 264px;
    width: 1250px;
   
    margin: 0 auto;
}
/* lunbotu *//* lunbotu *//* lunbotu *//* lunbotu *//* lunbotu */
.b431{
    width: 1250px;
    height: 200px;
    position: relative;
    margin: 20px 0;
    overflow: hidden;/*隐藏多余部分*/
}
.nav{
    width: 1250px;
    height: 200px;
    overflow: hidden;
}
.nav ul{
    width: 5100px;
    height: 200px;
    animation-name: nav_lun;
    animation-duration: 25s;/* 一次滚动的时间 */
    animation-timing-function:linear;/* 匀速 */
    animation-iteration-count:infinite;/* 设置循环播放 */
    animation-delay: 1s; /* 鼠标移到ul上一秒后才开始滑动*/
}
.nav ul li{
    width: 300px;
    height: 200px;
    display: inline-block;
    /* float: left ; */
}
.nav ul li img{
    widows: 300px;
    height: 200px;
    margin: 0 0 0 0 ;
}
/* 鼠标移到div中时暂停 */
.nav ul:hover{
    animation-play-state:paused;
}

/* 平移像素位置 */
@keyframes nav_lun{
    from{
        transform: translate(0px,0px); 
    }
    to{
        transform: translate(-3600px,0px); 
    }
}
/* lunbotu *//* lunbotu *//* lunbotu *//* lunbotu */
.b5{
    width: 100%;
    height: 194px;
    background: #1D4E92;
    position: absolute;
    top: 2444px; 
}
.b51{
    width: 1101px;
    height: 194px;
    margin: 0 auto;
    display: flex;
}
.b52{
    width: 465px;
    height: 194px;
    margin: 0 auto;
    background-color: rgb(88, 129, 204);
    background-image: url(./图标/bottom.png);
}
.wb{
    width: 132px;
    height: 52px;
    margin: 108px auto;
    position: relative;
}
.wb1{
    position: absolute;
    left: 0;
}
.wb2{
    position: absolute;
    right: 0;
}
.er{
    width: 180px;
    height: 180px;
    top: -200px;
    left: -62px;
    position: absolute;
}
.er {
    display: none;
}
.wb2:hover .er{
    display: block;
}
.b53{
    width: 317px;
    height: 120px;
    margin: 37px 0 37px auto;
}
.b53 table{
    width: 317px;
    height: 120px;
    color: #A5B8D3;
    font-size: 14px;
    cursor: default;
    font-family: 'weiyuanyahei';
}
.b53 td:hover{
    color:white ;
}
.b54 td:hover{
    color:white ;
}
.b54 table{
    width: 306px;
    height: 120px;
    color: #A5B8D3;
    font-size: 14px;
    cursor: default;
    font-family: 'weiyuanyahei';
}
.b54{
    width: 306px;
    height: 120px;
    margin: 37px auto 37px 0;
}
.b6{
    width: 100%;
    height: 57px;
    position: absolute;
    top: 2638px; 
}
.b61{
    width: 1101px;
    height: 27px;
    padding: 15px;
    margin: 0 auto;
    display: flex;
}
.b611{
    width: 766px;
    height: 27px;
    color: #737373;
    font-size: 12px;
    font-family: 'weiyuanyahei';
}
.b612{
    width: 186px;
    height: 27px;

    display: flex;
    /* display: flex; */
}
.b612 input{
    display: block;
    width: 130px;
    height: 24px;
    border: 1px  solid #C1C1C1;
} 